<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    template="layout/templateInventario.xhtml">

<ui:define name="body">

    <h:form id="invEgreso" styleClass="edit" >

        <rich:panel>
            <f:facet name="header">#{invEgresoHome.managed ? 'Editar' : 'Agregar'} Detalle de egreso</f:facet>

            <s:decorate id="egrCodigoField" template="layout/edit.xhtml"  >
                <ui:define name="label">N# Egreso</ui:define>
                <h:inputText id="egrCodigo"
                       required="true"
                       disabled="#{invEgresoHome.managed}"
                          value="#{invEgresoHome.instance.egrCodigo}"
                          rendered="#{s:hasRole('bodega_general')}"
                          >
                    <a:support event="onblur" rendered="#{s:hasRole('bodega_general')}" reRender="egrCodigoField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>

<s:decorate id="IdCliente" template="layout/edit.xhtml">
     <ui:define name="label">Cliente:</ui:define>
		<h:selectOneMenu value="#{invEgresoHome.instance.invCliente}"
converter="#{listadoCliente.converter}"
requiredMessage="Seleccione el tipo de comsumo !!!"
required="true" 
	defaultLabel="Seleccione..." 
 				directInputSuggestions="true"
 				enableManualInput="false" 
>
 				
<f:selectItems value="#{listadoCliente.allInvCliente}"  />
</h:selectOneMenu>
		  </s:decorate>
		  
		  <s:decorate id="IdConsumoInterno" template="layout/edit.xhtml">
     <ui:define name="label">Consumo interno:</ui:define>
		<h:selectOneMenu value="#{invEgresoHome.instance.egrConsumoIntern}"
requiredMessage="Seleccione el tipo de pago!!!"
required="true" 
	defaultLabel="Seleccione..." 
 				directInputSuggestions="true"
 				enableManualInput="false" 
>
 				
<f:selectItems value="#{listadoCliente.tipoDeConsumoSelectItems}"  />
</h:selectOneMenu>
		  </s:decorate>
		  
		   <s:decorate id="egrFechaField" template="layout/edit.xhtml">
                <ui:define name="label">Fecha</ui:define>
                <rich:calendar id="egrFecha"
                          value="#{invEgresoHome.instance.egrFecha}" datePattern="MM/dd/yyyy" />
            </s:decorate>
		  
		  
            


           
            


            <s:decorate id="egrObservacionField" template="layout/edit.xhtml">
                <ui:define name="label">Observacion:</ui:define>
                <h:inputText id="egrObservacion"
                           size="100"
                      maxlength="100"
                          value="#{invEgresoHome.instance.egrObservacion}">
                    <a:support event="onblur" reRender="egrObservacionField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>

            <div style="clear:both">
                <span class="required">*</span>
                required fields
            </div>

        </rich:panel>

        <div class="actionButtons">

            <h:commandButton id="save"
                          value="Guardar"
                         action="#{invEgresoHome.persist}"
                       disabled="#{!invEgresoHome.wired}"
                       rendered="#{!invEgresoHome.managed}"/>

          
            
            

            <s:button id="cancelAdd"
                   value="Cancelar"
             propagation="end"
                    view="/#{empty invEgresoFrom ? 'InvEgresoList' : invEgresoFrom}.xhtml"
                rendered="#{!invEgresoHome.managed}"/>

        </div>
        
        <h:panelGrid columns="2" style="TEXT-DECORATION: underline;">

                                        <h:commandButton value="Agregar Items" action="#{egresoItemsListado.agregarItems}" >
                                        </h:commandButton>
                                        <h:commandButton value="Eliminar Items"
                                                action="#{egresoItemsListado.BorraSeleccionado}" />
                                        
                               </h:panelGrid>
           <rich:dataTable value="#{egresoItems}" var="row">
                        <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="Seleccionar" />
                                </f:facet>
                                <h:selectBooleanCheckbox value="#{row.seleccionarManual}" />
                        </rich:column>
                        <rich:column>
	                                <f:facet name="header">
	                                        <h:outputText value="Grupo" />
	                                </f:facet>
	             <h:selectOneMenu value="#{row.gruCodigo}">
	 				
	<f:selectItems value="#{grupoListado.grupoSelectItems}"  />
	 <a:support event="onchange" reRender="Comboitems" ajaxSingle="true" />
	</h:selectOneMenu>
                   </rich:column>
                   <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="Items" />
                                        
                                </f:facet>
                              <h:selectOneMenu id="Comboitems" value ="#{row.auxInvItem}" >
					<f:selectItems value="#{grupoListado.listaEgresoItemsSelectItems}"  />
					 <a:support event="onchange" reRender="ItemsExistenca,ItemsPrecio" ajaxSingle="true" />
					</h:selectOneMenu>
                   </rich:column>
                         <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="Cantidad en Existencia" size="3" />
                                </f:facet>  
                               
                                <h:outputText id="ItemsExistenca" value="#{grupoListado.cantidadSotck}" required="true" requiredMessage="Ingrese la cantidad" maxlength="5" >
                                 </h:outputText>                         
                        		</rich:column>
                        		 <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="Precio Unitario" size="3" />
                                </f:facet>  
                                <h:outputText id="ItemsPrecio" value="#{grupoListado.precioU}" required="true" requiredMessage="Ingrese la cantidad" maxlength="5" >
                                   <a:support  event="onchange" reRender="egiCantidad"  ajaxSingle="true" />
                                 </h:outputText>                         
                        		</rich:column>
                        		                
                              
                        	                 
                        		
                        <rich:column>
                                
                                <f:facet name="header">
                                        <h:outputText value="Cantidad" />
                                </f:facet>
                                
                                <h:inputText 
                                id="egiCantidad" value="#{row.egiCantidad}" required="true" requiredMessage="Ingrese la cantidad" maxlength="5" >
                                   <a:support event="onchange" reRender="cantidadxCostoU,total" ajaxSingle="true"  />                        
                                 </h:inputText>
                        </rich:column>
                        
       					 <rich:column>
                                <f:facet name="header">
                                        <h:outputText value="PrecioxCantidad" />
                                </f:facet>
                                <h:outputText id="cantidadxCostoU"  value="#{grupoListado.precioUPorCantidad}">

                                    <a:support event="onchange" reRender="total" ajaxSingle="true" />
                                 </h:outputText>
                        </rich:column>
                </rich:dataTable>
                
<h:panelGrid columns="2" style="TEXT-DECORATION: underline;">
        <h:column>
        <s:decorate id="Total1" template="layout/edit.xhtml">
                <ui:define name="label">Total:</ui:define>
                <h:outputText  id="total" 
                 value="#{listadoDeOperacion.varTotalEgresoNeto}">
                </h:outputText>
            </s:decorate>
            
            
            
            
        </h:column>
        </h:panelGrid>        
                       
        
    </h:form>

</ui:define>

</ui:composition>
